<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- HTML 주석 -->
<!-- 
 HTML : 대소문자 구분을 안함.
 HTML 문서 구조
 <html> : Root 태그 - 문서의 시작과 끝을 지정하는 태그.
 	<head> </head> - html 문서에 대한 설명/설정 넣는 태그
 	<body> </body> - html 문서 내용을 넣는 태그
 	
 </html>

HTML (Hyper Text Markup Language)
- Hyper Text : 링크
- Markup Language : 표시언어 - 태그를 이용해서 문서내용의 일부에 설명을 하는 언어.
- HTML : HTTP 프로토콜을 이용해 전달하는 문서 (data)를 만들기 위한 markup 언어.

markup 언어의 기본구조
	<태그> 내용(content) </태그> : 내용의 시작과 끝을 알려준다.(요소 : element)
	<태그> : 내용이 없을 경우 end 태그는 생략(HTML)
			ex) meta 
	태그의 구성 : <태그명 속성 = "값" 속성 = "값">  : 쉼표 안넣음.
				  속성(Attribute) - 태그에 대한 추가 정보 설정.start 태그에만 설정
				 ex) <font size="6" color="red">안녕</font>


	enter : <br> , 실제 enter는 공백 하나로 인식.
	공백 : &nbspl, 실제 space는 몇번을 넣던 공백 하나로 인식.
	
	<br> : 엔터
	<p>  : 문단 지정시 사용. 단독(닫는 태그 없이)으로 사용 -> <br><br> 랑 같다.
	<b></b> : 볼드체, <i></i> : 이태리체(기울림체), <u> : 밑줄
	
	목록
	- <ol></ol> : ordered list - 순서가 있는 목록만들 때 사용.(숫자, 알파벳, 로만숫자)
							속성 : type=(숫자(1), 알파벳(a/A), 로만숫자(i/I))

	- <ul></ul> : unordered list - 순서가 표시 안되는 목록만들 때 사용.
							속성 : tyep=(disc,circle, square)	

		-하위태그 : <li> - 목록에 포함될 항목을 지정.

	링크
	<a> : 링크 - 다른 문서(page)로 이동처리.
		속성 : href = "이동할 페이지의 위치"
						-> 다른 site(domain)의 자원 지정 : 절대경로(http://~~~) 전체url 입력해야한다.
						ex) 링크걸린 네이버에서 구글을 킬때
						-> 같은 site(domain)의 자원 지정  - 절대경로 :(http://ip:port) / 나머지경로 -> 앞에있는 http는 이미 불렀기 때문에 생략하고 
																									/ 이것부터 시작해도 된다. 
																									(link를 지정한 html 파일이 있던 서버 위치)
														  - 상대경로 : /로 시작 안한것
 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
안녕하세요..  <u>우리 카페입니다.<br></u>

<p>항상 좋은 재료로 맛있는 커피를 제공하도록 노력하겠습니다.</P>

저희가 제공하는 메뉴<br>
<!--  ol type="a"-->
<ul type="circle">
	<li>아이스 카페 아메리카노<br></li>
	<li>아이스 카페 모카<br></li>
	<li>카페 아메리카노<br></li>
	<li>아이스 캬라멜 마키아또<br></li>
	<li>아이스 카푸치노<br></li>
	<li>바닐라 라떼<br></li>
	<li>아이스초코<br></li>

</ul>

<!--  
	href="이동할 페이지의 url"
		- 다른 도메인(ip)의 자원에 접근 - URL전체 경로(http://~~)
		- 같은 도메인의 자원 접근 
			-> 전체 URL경로
			-> 절대경로 : / 로 시작.- 서버의 위치(http://ip:port)는 생략하고 경로만 입력.
			-> 상대경로 : /, http 시작하지 않으면 상대경로.
				-> 현재 페이지(링크를 걸고 있는 페이지)를 기준으로 접근.
				.. : 부모(상위)경로, . : 현재경로
			

 -->
메뉴의 자세한 설명
<p>
<a href="http://www.daum.net">다음</a> <br>
<a href="http://www.google.co.kr">구글</a><br>
<a href="http://www.naver.com">네이버</a><br>
<a href=menu.html>메뉴설명</a><br>
<a href=/kosta_cafe/menu.html>메뉴설명</a><br>
</p>
</body>
</html>